<div data-dojo-type="${baseClass}"
    data-dojo-attach-point="focusNode">

    <div data-dojo-type="dijit/layout/BorderContainer"
        data-dojo-props="gutters: false"
        style="width: 100%; height: 400px">


        <div data-dojo-type="ngw-pyramid/form/CodeMirror"
            data-dojo-attach-point="widgetOriginList"
            data-dojo-props="region: 'center', lineNumbers: true"
            style="height: 100%; border: 1px solid #999;"></div>

        <div data-dojo-type="dijit/layout/ContentPane"
            data-dojo-props="region: 'right'"
            style="max-width: 20em; padding-left: 1em;">
            <p style="margin: 0;">{{gettext 'Enter allowed origins for cross domain requests to use HTTP API of this Web GIS on other websites. One origin per line.'}}</p>
            <p>{{gettext 'Please note that different protocols (HTTP and HTTPS) and subdomains (example.com and www.example.com) are different origins. Wildcards are not allowed.'}}</p>
        </div>

        <div data-dojo-type="dijit/layout/ContentPane"
            data-dojo-props="region: 'bottom'"
            style="padding: 1em 0;">
            <button data-dojo-type="dijit/form/Button" 
                data-dojo-attach-point="buttonSave"
                class="dijitButton--primary">{{gettext 'Save'}}</button>
        </div>

    </div> 

</div>
